
.main {
    padding-top: 1.6rem;
    width: 90%;
    height: 2.6667rem;
    // background-color: antiquewhite;
    margin: 0rem auto;

    .slog {
        font-size: 18px;
        margin-top: .5333rem;
    }

    .loginbody {
        display: flex;
        position: relative;
        flex-direction: column;
        margin-top: .7rem;

        div {
            position: absolute;
            color: rgb(156, 156, 156);
            font-size: 15px;
            background-color: white;
            visibility: hidden;
            transition: all .2s linear;
        }

        .emailtext {
            top: .1867rem;
            left: .32rem;
            
        }

        .codetext {
            top: 1.52rem;
            left: .32rem;
        }
        
        input {
            height: .9rem;
            margin-bottom: .4rem;
            padding-left: .2667rem;
            font-size: 15px;
            border-radius: .1333rem;
            border: .5px solid silver;
            color: blue;
        }
        input:focus {
            outline: none;
            border: 1px solid blue;
        }


       .inputclick{
            transform: translateY(-17px);
            left: .4rem;
            font-size: 13px;
            visibility: visible;
            color: black;
        }

        .getcode{
            font-size: 13px;
            position: absolute;
            right: 5px;
            top: 60px;
            color: blue;
            z-index: 10;
        }
        button {
            height: .8rem;
            font-size: 15px;
            background-color: #3793fa;
            color: white;
            border-radius: 5px;
            border: none;
            text-align: center;
            // margin-top: 20px;
        }
    }
}